// 定义页面的主色调
// @开头
@nav-blue: #f00;
*{
	margin: 0;
	padding: 0px;
}
a,li{
	text-decoration: none;
	list-style: none;
}
#navigation .top .sort {
	display: none;
}
#menu{
	width: 100%;
	background: url(../images/bg.png) repeat-x;
	color: #333;
	font-family: "宋体";
	font-size: 12px;
	.mmid{
		width: 1200px;
		margin: 0 auto;
		line-height: 50px;
		a{
			color: #333;
		}
	}
	.content{

		background: #fff;
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		box-shadow: 0 0 5px #D9D9D9;
		.magnify{
			float: left;
			width: 480px;
			height: 646px;
			position:relative;
			.mit-img{
				position: relative;
				.box{
					width: 240px;
					height: 240px;
					background: #fff;
					opacity: 0.8;
					filter: alpha(opacity=80);
					position: absolute;
					left: 0;
					top: 0;
				}
				.gaizi{
					width: 480px;
					height: 480px;
					position: absolute;
					background: red;
					opacity: 0;
					filter: alpha(opacity=100);
					left: 0;
					top: 0;
				}
			}
			.msg{
				height: 50px;
				line-height: 50px;
				text-align: center;
			}
			.big-img{
					// float:left;
					width: 480px;
					height: 480px;
					position: relative;
					border: 1px solid #000;
					z-index: 5;
					top:-400px;
					left: 500px;
					overflow: hidden;
					img{
						position: absolute;
					}
					
				}
			.color{
				padding: 0 58px;
				

				.bor{
					border: 1px solid #000;
				}
				img{
					margin: 0 5px;
					
					float: left;
				}
				.bg{
					border: 1px solid red;
				}
			}
		}
		.price{
			float: right;
			width: 600px;
			height: 646px;
			.title{
				font-family:微软雅黑,Arial,​Helvetica;
				height: 75px;
				font-size:18px;
				font-weight	:700;
				color:#333333;
				line-height	:26px;
				padding-top: 25px;
				border-bottom: 1px solid #DDDDDD;
			}
			.money{
				height: 89px;
				border-bottom: 1px solid #DDDDDD;
				.now{
					text-indent: 10px;
					padding-top: 10px;
					font-family	:Arial;
					font-size	:14px;
					font-weight:	400;
					color	:#333333;
					line-height	:21px;
					.one{
						color: #D31B4F;
						floatleftfont-family: Arial;
						font-weight: 700;

					}
					.much{
						color: #D31B4F;
						floatleftfont-family: Arial;
						font-size: 36px;
						font-weight: 700;
						line-height: 43px;
					}
					.more{
						background: #D31B4F;
						color: #fff;
					}
				}
				.old{
					text-indent: 100px;
					color: #666;
					font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
					font-size: 12px;

					.mai{
						text-decoration: line-through;
						margin-right:30px; 
					}
					.only{
						text-decoration: line-through;
					}
				}
			}
			.site{
				height: 50px;
				border-bottom: 1px solid #DDDDDD;
				line-height: 50px;
				text-indent: 5px;
				letter-spacing: 1px;
				select{
					margin-right: 20px;
				}

			}
			.sell{
				height: 70px;

				border-bottom: 1px solid #DDDDDD;
				.all{
					// border: 1px solid #DDDDDD;
					li{
						width: 199px;
						height: 70px;
						float: left;
						border-right: 1px solid #DDDDDD;
						text-align: center;
						color: #A0A0A0;
						font-family: '微软雅黑';
						font-size: 12px;

						span{
							display: block;
							line-height:19px;
						}
						.much{
							color: #D41C4F;
							font-family: Arial;
							font-size: 18px;
							font-weight: 400;
							line-height:23px
						}
						.star{
							padding-top: 5px;
							img{
								display: block;
								margin: 0 auto;
							}
						}
					}
				}

			}
			.color{
				height: 90px;
				line-height: 90px;
				span{
					float: left;
				}
				img{
					float: left;
					display: block;
					border: 1px solid #CCCCCC;
					margin: 20px 0 0 5px;

					// position: relative;
					// top: 7px;
				}
			}
			.right{
				height: 40px;
				position: relative;
				.now{
					display: block;
					height: 40px;
					width: 230px;
					border-radius: 5px;
					background: url(../images/item.png) 0px -108px;
					&:hover{
						background: url(../images/item.png) 0px -68px;
					}
				}
				.hide{
					display: block;
					height: 30px;
					width: 152px;
					background: url(../images/item.png) 0 -148px;
					position: absolute;
					top: 10px;
					left: 240px;
					&:hover{
						background: url(../images/item.png) 0 -218px;
					}
				}

				}
			.server{
					padding-top: 20px;
					font-family: '宋体';
					font-size: 12px;
					text-indent: 5px;
					span{						
					color: #A0A0A0;
					padding: 0 7px;
					}
			}
		}
	}
	.detail{
		width: 1200px;
		margin: 20px auto;
		overflow: hidden;
		.listl{
			width: 200px;
			float: left;
			.cate{
				border: 1px solid #E5E5E5;
				overflow: hidden;
				padding-bottom: 10px;
					dt{
						height: 30px;
						line-height: 30px;
						background: #EDEDED;
						padding: 0 10px;
					}
					dd{
						padding: 0 10px;
						float: left;
						line-height: 25px;						
					}
			}
			.brow{
				margin-top: 10px;
				border: 1px solid #E5E5E5;
				text-indent: 10px;
				.give{
					background: #EDEDED;
					line-height: 30px;
				}
				li{
					font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
					padding: 0 10px;
					a{
						color: #999;
						&:hover{
							color: red;
						}
					}

					.red{
						color: #ED1C24;
						font-size: 12px;
						font-weight: 700;
					}
					.line{
						text-decoration: line-through;					
						text-align: center;
						line-height: 30px;
					}
				}
			}
			
		}
		.buy_right{
			width: 990px;
			float: right;
			border-top:none;
			border: 1px solid #ccc;

			.tab{
				width: 992px;
				position: fixed;
				top: 0px;
				right: 73px;
				background: #fff;
			}
			.set{				
				overflow: hidden;
				height: 31px;
				border-bottom: 1px solid #CCCCCC;
			
				.topset{
					float: left;
					width: auto;
					position: absolute;

					line-height: 30px;
					li{
						cursor: pointer;
						float: left;
						letter-spacing: 1px;
						height: 30px;
						padding: 0 20px;
						border: 1px solid #CCCCCC;
						border-bottom: 1px solid #CCCCCC;
						background: #fff;
						a{
							color: #999;
						}
					}
					.bg{
						border-bottom-color:#fff; 
						z-index: 100;
						// border-bottom: none;

					}
				}
				.buythis{
					line-height: 30px;
					float: right;
					font-size: 20px;
					color: #D41C50;
					font-family: Arial;
					font-size: 20px;
					font-weight: 700;

					a{
						background:#D41C50;
						padding: 10px 20px;
						color: #fff;
						font-size: 12px;
						font-weight: 400;
					}
				}
			}
			.good{
				// border-top: 1px solid #E6E6E6;
				height: 30px;
				.title{
					margin-top: 10px;
					text-indent: 10px;
					line-height: 30px;
					font-weight: 700;
					.icon{
						position: relative;
						top: 5px;
					}
				}
				.info{
					width: 100%;
					padding: 10px;
					border: 1px solid #E6E6E6;
					border-top:none;
					td{
						height: 26px;
						text-indent: 20px;
					}
				}
			}
			.same{
				height: 200px;
				width: 950px;
				margin-top: 180px;
				.you{
					width: 552px;
					margin:0 auto;
					li{
						float: left;
						margin-right: 10px;
						img{
						}
						.price{
							text-align: center;
							.red{
								color: #ED1C24;
								font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
								font-size: 12px;
								font-weight: 700;
								text-decoration:none;

							}
							span{
								text-decoration: line-through;
							}
						}
					}
					
				}

			}
			.in_to{
				width: 740px;
				margin:0 auto;
			}
			.friend{
				.title{
					background: #EDEDED;
					height: 30px;
					line-height: 30px;
					text-indent: 10px;
				}
				.list{
					height: 230px;
					li{
						width: 174px;
						float: left;
						padding-bottom: 10px;
						padding-left: 20px;
						a{
							color: #888888;
							&:hover{
								color: #ED1C24;
							}
						}
						.red{
							color: #ED1C24;
							font-family: Arial;
							font-size: 12px;
							font-weight: 700;
						}
						.line{
							padding-left: 20px;
							text-decoration: line-through;
						}
					}

				}
			}
			.recommend{
				height: 810px;
				.recom{
					height: 270px;
					.title{
						width: 110px;
						height: 20px;
						line-height: 20px;
						text-align: center;
						letter-spacing: 1px;
						position: relative;
						left:440px;
						top:10px;
						background: #fff;
					}
					.rlist{
						height: 250px;
						border-top: 1px solid #D5D5D5;				
						padding-top: 20px;
						li{
							float: left;
							width: 174px;
							text-align: center;
							padding: 0 12px;
							p{
								.red{
									font-weight: 700;
									color: #ED1C24;
									font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
								}
								.line{
									text-decoration: line-through;
									padding-left: 10px;
								}
							}
						}
					}
				}
			}
			.safe{
				margin-top: 20px;
				width: 990px;
				// height: 520px;
				.top{
					text-align: center;
					img{
						padding: 0 50px;
					}
				}
			}
			
		}

	}

}

#maibao{
	font-size: 12px;
	color: #999;
	height: 83px;
	background: url(../images/mbblogo.png) no-repeat 250px 25px;
	// border: 1px solid red;
	border-bottom: 3px solid #ED1C24;
	.text{
		position: absolute;
		left:850px;
		top: 50px;
	}
}

// 登陆页面的下面的css
#under{
	width: 860px;
	height: 300px;
	margin:60px auto;
	.magic{
		height: 300px;
		width: 496px;
		background: url(../images/login.jpg) -500px -60px;
		float: left;
	}
	.form{
		background: #F5F5F5;
		floatrightfont-family: tahoma,verdana,arial,helvetica,sans-serif;
		float: left;
		width: 362px;
		height: 300px;
		font-size: 12px;
		.top{
			margin-top: 30px;
			padding: 0 30px;
			border-bottom: dotted 1px #E1E1E1;
			margin-bottom: 20px;
			b{
				padding-right: 30px;
			}
			span{
				color: #666;
				
				font-size: 12px;
			}
			a{
				color: red;
				font-size: 12px;
			}
		}
		.name{
			width: 100px;
			display: block;
			float: left;
			margin-bottom: 20px;
			text-align: right;
		}
		input{
			width: 170px;
			height: 27px;
			margin-bottom: 20px;
			&:hover{
				border: 1px solid red;
				box-shadow: 0 0 3px #ff0000;
			}
		}
		.forget{
			color: #FF0000;
			text-indent: 5px;
			&:hover{
				text-decoration: underline;
			}
		}
		.login{
			width: 150px;
			height: 30px;
			background: #FF0000;
			color: #fff;
			display: block;
			line-height: 30px;
			text-align: center;
			border-radius: 5px;
			position: relative;
			top:5px;
			left: 100px;
			&:hover{
				background: #B30410;
			} 		
		}
		.copy{
			color: #666;
			text-align: center;
			font-size: 12px;
			margin-top: 40px;
		}

	}
}

#copy{
	text-align: center;
	color: #666;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}
// 注册页面的样式
#middle{
	height: 520px;
	width: 100%;
	background: #F0F0F0;
	.regist{
		width: 960px;
		height: 480px;
		margin: 0px auto;
		background: #fff;
		position: relative;top: 20px;
		font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
		font-size: 14px;
		.welcom{
			height: 40px;
			border-bottom: 1px solid #CCCCCC;
			font-weight: 14px;
			line-height: 40px;text-indent: 20px;
			font-weight: 700;
		}
		.input{
			width: 590px;
			float: left;
			margin: 0 30px;
			.title{
				height: 30px;
				padding-top: 40px;
				color: #333;
				border-bottom: 1px solid #CCCCCC;
				font-family: 微软雅黑;
			}
			.list{
				padding-top: 20px;
				width: 100%;
				line-height: 48px;
				color: #4E4E4E;
				font-family: tahoma,verdana,arial;	
				tr{
					.le{
						width: 150px;
						text-align: right;
					}
					.mid{
						text-align: left;
						
						width: 240px;
						input{
							width: 228px;
							height: 30px;
							&:hover{
								border: 1px solid #ff0000;
								box-shadow: 0 0 3px #FFD4D4;
							}					
						}					
						
					}
					td{
						span{
							font-size: 12px;

						}
						.red{
								color: #ff0000;
							}
						a{
							display: block;
							height: 28px;
							width: 95px;
							background: #ff0000;
							color: #fff;
							text-align: center;
							line-height: 28px;
							&:hover{
								background: #ff2222;
							}
						}

					}
				}			
			}

		}
		.jia{
			width: 190px;
			float: right;
			overflow: hidden;
			padding:70px 50px;
			color: #666;
			line-height: 30px;
			font-size: 12px;
			border-left: 1px solid #999;
			position: relative;top: 65px;
			a{
				color: #333;
				&:hover{
					color: #ff0000;
				}
			}
		}
	}
}

// 购物车页面开始
#header{
	height: 100px;
	border-bottom: 2px solid #ED1C22;
	background: url(../images/mbblogo.png) no-repeat 200px 25px;
	font-size: 12px ;
	font-family: tahoma,verdana,arial;

	.cart{
		position: absolute;
		top: 34px ;
		left: 310px;
	}
	.prompt{
		position: absolute;
		left: 310px;
		top: 66px;
		a{
			color: #ED1C22;
			&:hover{
				text-decoration: underline;

			}
		}
	}
	.plan{
		position: absolute;
		left: 710px;
		top: 37px;
		width: 400px;
		height: 65px;
		img{
			position: relative;
			left: 30px;
		}
		ul{
			width: 480px;
			position: relative;left: -40px;
			li{
				float: left;
				width: 160px;
				text-align: center;

			}
			.bg{
					color: #ED1C22;
				}
		}
	}
}
// 中间开始
#big{
	width: 100%;
	background: #F0F0F0;
	padding-bottom: 30px;
	// overflow: hidden;
	.warm{
		width: 960px;
		height: 40px;
		margin: 0px auto;
		position: relative;top: 20px;
		background: #FFFDEE;
		font-size: 12px;
		padding: 8px 0px;
		.start{
			width: 76px;
			height: 100%;
			float: left;
			text-align: center;
			color: #333;
		}
		.info{

			float: left;
			color: #666;
			line-height: 20px;
		}
	}
	.cartin{
		width: 930px;
		padding: 15px;
		margin: 0 auto;
		border: 1px solid green;
		margin-top: 30px;
		background: #fff;
		padding-bottom: 70px;
		.title{
			width: 930px;
			height: 30px;
			border-bottom: 2px solid #333;
			font-size: 12px;
			li{
				display: block;
				float: left;
				font-weight: 700;
				color: #333;
				width: 100px;
				float: left;
				text-align: center;
			}
			.head{
				width: 430px;
				text-align: left;
				text-indent: 111px;
			}

		}

		.none{
			height: 170px;
			line-height: 170px;
			text-align: center;
			font-weight: 700px;
			color: #666;
			font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simhei,"黑体";
			font-size: 18px;
			a{
				color: red;
				&:hover{
					text-decoration: underline;
				}
			}
		}
		.list{
			height: 100px;
			border-bottom: 2px dotted #EFEFEF;
			color: #666;
			font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simhei,"黑体";
			font-size: 12px;
			li{
				display: block;
				float: left;
				
			}
			.con{
					width: 210px;
					padding-top: 19px;
					padding-right: 140px;
					a{
						font-weight: 700;
					}
					span{
						color: #ff0000;
					}

				}
			.info{
				padding-top: 32px;
				width: 100px;
				text-align: center;
			}
		}
		.computer{
			border-bottom: 2px solid #333;
			font-size: 12px;
			line-height: 18px;
			overflow: hidden;
			position: relative;
			.instruct{
				width: 170px;
				text-align: right;
				position: relative;
				top: 0px;
				left: 678px;
			}
			.value{
				width: 80px;
				text-align: left;
				position: absolute;
				top: 0px;
				right: 0px;

			}
			.free{
				color: #ff0000;
				background: #E6E8E3;
				padding:5px;
				float: right;
				margin-left: 800px;
				margin-bottom: 25px;
			}
			.totle{
				font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
				float: right;
				margin-bottom: 15px;
				.general{
					color: #666;
					font-size: 12px;
				}
				.red{
					color: #ED1C22;
					font-size: 20px;
					font-weight: 700;

				}

			}
		}
		.down{
			height: 30px;
			line-height: 30px;
			.go{
				background: url(../images/go.png);
				width: 210px;
				height: 40px;
				float: right;
				margin-top: 25px;
			}

		}

	}
}
// 购物车页面结束底部
#cartend{
	width: 100%;
	height: 150px;
	background: #fff;
	font-size: 12px ;
	color: #333;
	.foot_pic{
		text-align: center;
		margin-top: 24px;
		padding-bottom: 34px;
		border-bottom: 1px solid #EBEBEB;
	}
	p{
		text-align: center;
		padding-top: 15px;
		color: #999;
		font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
		font-size: 12px;
	}
}


// 购物车结算页面开始
#payoff{
	padding: 20px 0px 20px 0;
	background: #F0F0F0;
	.main{
		floatleftfont-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
		width: 930px;
		margin: 0 auto;
		background: #fff;
		padding: 15px;
		.step{
			height: 32px;
			background: #F0F0F0;
			line-height: 35px;
			font-weight: 700;
			color: #333;
			padding-top: 3px;
			text-indent: 20px;
			font-size: 15px;
			a{
				color: #319AE1;
				font-size: 12px;
				font-weight: 400;
				&:hover{
					text-decoration: underline;
				}
			}

		}
		.welcom{
			height: 66px;
			text-indent:20px;
			line-height: 66px;
			font-size: 12px;
			color: #333;
			font-family: tahoma,verdana;

		}
		.information{
			width: 890px;
			height: 242px;
			margin: 30px 20px;
			background: #F3F3F3;
			table{
				// padding:5px 25px;
				font-size: 12px;
				width: 100%;
				color: #333;
				tr{
					height: 30px;
					line-height: 18px;

					.name{
						text-align: right;
						width: 50px;
						.red{
						color: #ED1C24;
						}
					}
					a{
						background: #ff0000;
						color: #fff;
						font-weight: 700;
						font-family: tahoma,verdana;
						display: block;
						height: 30px;
						width: 140px;
						line-height: 30px;
						text-align: center;
						&:hover{
							background: #CB040D;
						}

					}
					td{
						input{
							width: 150px;
							height: 25px;

						}
						select{
							width: 100px;
							height: 25px;
						}
					}
					.address{
						width: 400px;
					}

				}
			}
		}
			.title{
				margin-top: 20px;
			width: 930px;
			height: 30px;
			border-bottom: 2px solid #333;
			font-size: 12px;
			li{
				display: block;
				float: left;
				font-weight: 700;
				color: #333;
				width: 100px;
				float: left;
				text-align: center;
			}
			.head{
				width: 430px;
				text-align: left;
				text-indent: 111px;
			}

		}

		.none{
			height: 170px;
			line-height: 170px;
			text-align: center;
			font-weight: 700px;
			color: #666;
			font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simhei,"黑体";
			font-size: 18px;
			a{
				color: red;
				&:hover{
					text-decoration: underline;
				}
			}
		}
		.list{
			height: 100px;
			border-bottom: 2px dotted #EFEFEF;
			color: #666;
			font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simhei,"黑体";
			font-size: 12px;
			li{
				display: block;
				float: left;
				
			}
			.con{
					width: 210px;
					padding-top: 19px;
					padding-right: 140px;
					a{
						font-weight: 700;
					}
					span{
						color: #ff0000;
					}

				}
			.info{
				padding-top: 32px;
				width: 100px;
				text-align: center;
			}
		}
		.computer{

			border-bottom: 2px solid #333;
			font-size: 12px;
			line-height: 18px;
			overflow: hidden;
			position: relative;
			color: #666;

			.instruct{
				width: 170px;
				text-align: right;
				position: relative;
				top: 0px;
				left: 678px;
			}
			.value{
				width: 80px;
				text-align: left;
				position: absolute;
				top: 0px;
				right: 0px;

			}
			.free{
				color: #ff0000;
				background: #E6E8E3;
				padding:5px;
				float: right;
				margin-left: 800px;
				margin-bottom: 25px;
			}
			.totle{
				font-family: tahoma,verdana,arial,helvetica,sans-serif,"宋体";
				float: right;
				margin-bottom: 15px;
				.general{
					color: #666;
					font-size: 12px;
				}
				.red{
					color: #ED1C22;
					font-size: 20px;
					font-weight: 700;

				}

			}
		}
		.final{
			display: block;
			height: 40px;
			width: 209px;
			border-radius: 5px;
			line-height: 30px;			
			background: url(../images/34.png);
			position: relative;
			top: 30px;
			left: 300px;
			

		}
	}
}
// 购物车结算页面结束




